<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="pendulum.css">
</head>
<body>
    <div class="pendulum-container">
        <div class="pendulum">
            <div class="bell">
                <div class="clapper"></div>
            </div>
        </div>
    </div>
    <div class="speed-slider-container">
        <label for="speed-slider">Oscillation Speed:</label>
        <input type="range" id="speed-slider" min="0.1" max="2" step="0.1" value="1">
        <span id="speed-value">1</span>
    </div>
</body>
</html>
